import React from 'react'
import styles from '@/components/styles'
//第一种抽取样式方式
/* const itemStype = {border:'1px dashed #ccc', margin: '10px',padding:'10px',boxShadow:'0 0 1px #ccc'}
const userStype = {fontSize:'14px'}
const contentStype = {fontSize:'12px'} */
//第二种抽取样式方式
/* const styles = {
    item:{border:'1px dashed #ccc', margin: '10px',padding:'10px',boxShadow:'0 0 1px #ccc'},
    user:{fontSize:'14px'},
    commet:{fontSize:'12px'}
} */
//第三种把第二种哦抽取出去到styles.js
//定义子组件
export default function CmtItem(props){
    {/**
     * dashed虚线 solid实线 dotted 点状边框  doble双线 
     * groove-3D凹槽 ridge-3D垄状 inset-3Dinset outset-3Doutset
     * 
     */}
    return <div style={styles.item}>
        <h1 style={styles.user}>评论人：{props.user}</h1>
        <p style={styles.commet}>评论内容: {props.cotent}</p>
    </div>
}
